<!DOCTYPE html>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>El Tabique - PAW</title>
        <link rel="stylesheet" type="text/css" title="normal" href="CSS/style1.css">
        <link rel="alternate stylesheet" type="text/css" title="mobile" href="CSS/style2.css">
        <link rel="alternate stylesheet" type="text/css" title="none" href="">
        <script type="text/javascript" src="JS/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="JS/jquery-ui-1.8.9.custom.min.js"></script>
        <script type="text/javascript" src="JS/functions.js"></script>
</head>

<body onLoad="leerEstilo();" onunload="guardarEstilo();">
    <%
    // Esto solo se mostrara si hay algun mensaje
        String msg = (String)session.getAttribute("msg");
        Boolean bm = false;
        Boolean b = (Boolean)session.getAttribute("error");
        if (msg != null)
            if(!msg.equals("")) bm = true;
        // eliminamos el mensaje
        session.setAttribute("msg", "");
%>
    <div id="barra">
        <span class="izquierda"><img src="IMG/plain.png" class="css" alt="Sin CSS" onclick="setActiveStyleSheet('none', 1); return false; actualizar();" /><img src="IMG/screen.png" class="css" alt="CSS estilo normal" onclick="setActiveStyleSheet('normal', 1); return false; actualizar();" /><img src="IMG/mobile.png" class="css" alt="CSS version movil" onclick="setActiveStyleSheet('mobile', 1); return false; actualizar();"/></span>
        <% if (bm) { %><span class="<% if (!b) { %>centro positive<% } else {%>centro negative <% } %>"><%= msg %></span><% } %>
        <span class="derecha">Autores: <span class="autor">Pablo Avila Mesa y Miguel Angel Gallardo</span></span>
    </div>
    <div id="cuerpo">
        <h1>El Tabique</h1>
        <h4>Introduzca su nombre de usuario y seleccione los permisos pertinentes...</h4>
        <form method="post" action="login">
            <p class="classname">
                <label for="form_name">Nombre de Usuario</label><br />
                <input type="text" name="form_name">
            </p>
            <div class="radios">
                <p class="classname">
                    <input type="radio" name="usertype" id="guest" value="GUEST" checked />
                    <label for="guest">Usuario invitado</label>
                </p>
                <p class="classname">
                    <input type="radio" name="usertype" id="registered" value="USER"  />
                    <label for="registered">Usuario registrado</label>
                </p>
                <p class="classname">
                    <input type="radio" name="usertype" id="administrator" value="ADMIN"  />
                    <label for="administrator">Usuario administrador</label>
                </p>
            </div>
            <input type="submit" value="Entrar"/>
            
        </form>
    </div>
    <div id="pie">
        Practica 3 - Programacion de Aplicaciones Web - Curso 2010 / 2011
    </div>
</body>
</html>
